<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Home</title>
  <meta name="description" content="">
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700' rel='stylesheet' type='text/css'>
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/templatemo-style.css" rel="stylesheet">
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style>
    .img-responsive {
      /* width: 100%; */
      margin: 0 auto;
    }
  </style>

</head>

<body>
  <!-- Left column -->
  <div class="templatemo-flex-row">
    <!-- - : 不转义输出,不会转移html标签  = : 转义输出,会把HTML标签转义为 &gt; -->
    <%- include('./header.ejs',{idx:'index'}) %>

    <!-- Main content -->
    <div class="templatemo-content col-1 light-gray-bg">
      <div class="templatemo-top-nav-container">
        <div class="row">
          <nav class="templatemo-top-nav col-lg-12 col-md-12">
            <ul class="text-uppercase">
              <li><a href="" class="active">Admin panel</a></li>
              <li><a href="">Dashboard</a></li>
              <li><a href="">Overview</a></li>
              <li><a href="login.html">Sign in form</a></li>
            </ul>
          </nav>
        </div>
      </div>
      <div class="templatemo-content-container">
        <div class="templatemo-flex-row flex-content-row">
          <div class="templatemo-content-widget white-bg col-2">
            <i class="fa fa-times"></i>
            <div class="square"></div>
            <h2 class="templatemo-inline-block">学生精选短文</h2>
            <hr>
            <p>　　静静的早晨，在院子中只有几根晒衣的竹竿，除了瑟瑟的晓风外，寂寞得显得单调。</p>
            <p>
              　　屋子里寂静得鸦雀无声。只有一只美丽的猫，睡后方醒，把曲折着的两只前脚伸了开来，向地一蹬，霍地站起。同时，它的嘴儿一张，两只前脚伸出向前面地上一挺，尾巴向左右一甩，这分明是伸了个懒腰!这样一来，它又盘脚团身而缩头地闭了眼，似乎又将睡着了。
            </p>
            <p>
              　　在院子的围墙的夹墙间的角边，有一株海棠，伸出墙头，迎着朝日初升的骄阳的光辉，开着几球粉红的花，很是灿烂可爱!</p>
          </div>
          <div class="templatemo-content-widget white-bg col-1 text-center">
            <i class="fa fa-times"></i>
            <h2 class="text-uppercase">Maris</h2>
            <h3 class="text-uppercase margin-bottom-10">Design Project</h3>
            <img src="images/xh.jpg" alt="Bicycle" class="img-circle img-thumbnail">
          </div>
          <div class="templatemo-content-widget white-bg col-1">
            <i class="fa fa-times"></i>
            <h2 class="text-uppercase">Dictum</h2>
            <h3 class="text-uppercase">Sedvel Erat Non</h3>
            <hr>
            <div class="progress">
              <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                aria-valuemax="100" style="width: 60%;"></div>
            </div>
            <div class="progress">
              <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                aria-valuemax="100" style="width: 50%;"></div>
            </div>
            <div class="progress">
              <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                aria-valuemax="100" style="width: 60%;"></div>
            </div>
          </div>
        </div>
        <div class="templatemo-flex-row flex-content-row">
          <div class="col-1">
            <div class="panel panel-default templatemo-content-widget white-bg no-padding templatemo-overflow-hidden">
              <i class="fa fa-times"></i>
              <div class="panel-heading templatemo-position-relative">
                <h2 class="text-uppercase">动画学院</h2>
              </div>
              <div class="table-responsive">
                <table class="table table-striped table-bordered">
                  <thead>
                    <tr>
                      <td>专业</td>
                      <td>班级</td>
                      <td>人数</td>
                      <td>专业总人数</td>
                    </tr>
                  </thead>
                  <tbody class="tbody">
                    <tr>
                      <td>1.</td>
                      <td>John</td>
                      <td>Smith</td>
                      <td>@jS</td>
                    </tr>
                    <tr>
                      <td>2.</td>
                      <td>Bill</td>
                      <td>Jones</td>
                      <td>@bJ</td>
                    </tr>
                    <tr>
                      <td>3.</td>
                      <td>Mary</td>
                      <td>James</td>
                      <td>@mJ</td>
                    </tr>
                    <tr>
                      <td>4.</td>
                      <td>Steve</td>
                      <td>Bride</td>
                      <td>@sB</td>
                    </tr>
                    <tr>
                      <td>5.</td>
                      <td>Paul</td>
                      <td>Richard</td>
                      <td>@pR</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="col-1">
            <div class="templatemo-content-widget orange-bg">
              <i class="fa fa-times"></i>
              <div class="media">
                <div class="media-left">
                  <a href="#">
                    <img class="media-object img-circle" src="images/sunset.jpg" alt="Sunset">
                  </a>
                </div>
                <div class="media-body">
                  <h2 class="media-heading text-uppercase">Consectur Fusce Enim</h2>
                  <p>Phasellus dapibus nulla quis risus auctor, non placerat augue consectetur.</p>
                </div>
              </div>
            </div>
            <div class="templatemo-content-widget white-bg">
              <i class="fa fa-times"></i>
              <div class="media">
                <div class="media-left">
                  <a href="#">
                    <img class="media-object img-circle" src="images/sunset.jpg" alt="Sunset">
                  </a>
                </div>
                <div class="media-body">
                  <h2 class="media-heading text-uppercase">Consectur Fusce Enim</h2>
                  <p>Phasellus dapibus nulla quis risus auctor, non placerat augue consectetur.</p>
                </div>
              </div>
            </div>
          </div>

        </div> <!-- Second row ends -->

        <%- include('./foot.ejs') %>
      </div>
    </div>

  </div>

  <!-- JS -->
  <script src="js/jquery-1.11.2.min.js"></script>
  <script src="js/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="js/templatemo-script.js"></script>
  <script src="js/index.js"></script>
  <script>
    $(function () {
      new Index();

      // if (window.name != "noReload") {
      //   window.name = "noReload";
      //   location.reload();
      // } else {
      //   window.name = "";
      // }

      if (document.addEventListener) {
        /*event.persisted 判断浏览器是否有缓存, 有为true, 没有为false*/
        window.addEventListener('pageshow', function (event) {
          if (event.persisted || window.performance && window.performance.navigation.type == 2) {
            location.reload();
          }
        }, false);
      }

    })
  </script>
</body>

</html>